<!--
  基于contentLayout封装的可配置的表格页面
-->
<template>
  <div>
    <v-content-layout>
      <template #searchFold>
        <v-config-search></v-config-search>
      </template>
      <template #searchUnfold></template>
    </v-content-layout>
  </div>
</template>

<script lang="ts" setup>
import { searchConfigType, handleBtnConfigType, tableConfigType } from './type';
interface configPageConfig {
    searchConfig: searchConfigType,
    handleBtnConfig: handleBtnConfigType,
    tableConfig: tableConfigType
}
const props = withDefaults(defineProps<configPageConfig>(),
  {
    // 搜索栏配置
    searchConfig: () => {
      return {
        defaultNumber: 3,
        searchItems: []
      }
    },
    // 操作栏配置
    handleBtnConfig: () => {
      return {
        maxShowNumber: 6,
        handleButtons: []
      }
    },
    // 表格配置
    tableConfig: () => {
      return {
        pagination: true,
        config: [],
        tableData: [],
        pageSize: 10,
        pageNumber: 1
      }
    }
  }
)
</script>

<style lang="less" scoped></style>
